<!DOCTYPE html>
<html>
<head>
	<title>button点击</title>
</head>
<body>
	<div>
		<button>按钮1</button>
		<button>按钮2</button>
		<button>按钮3</button>
	</div>
<script type="text/javascript">
	
var btn = document.getElementsByTagName('button');
// for(var i = 0; i < btn.length; i++) {
// 	btn[i].onclick = function() {
// 		alert(i);			// 结果全是3
// 	}
// }

// 方法一
for(var i = 0; i < btn.length; i++) {
	(function(i) {
		btn[i].onclick = function() {
			alert(i);			
		}
	})(i);
}

// 方法二
for(var i = 0; i < btn.length; i++) {
	btn[i].index = i;
	btn[i].onclick = function() {
		alert(this.index);			
	}
}

</script>
</body>
</html>